import JQuery from 'jquery';
import util from '@/js/util/util.js';

let attribute = {
    setAttribute: function(element) {
        if (this.showTitleUnit(element.component)) {
            this.setValue(this.getTitleName(), element.attribute.chartOption.option.title[0].text);
            this.setValue(this.getTitleSizeName(), element.attribute.chartOption.option.title[0].textStyle.fontSize);
            this.setValue(this.getTitleLocationName(), element.attribute.chartOption.option.title[0].left);
            this.setValue(this.getCompanyName(), element.attribute.chartOption.option.title[1].text);
            this.setValue(this.getCompanySizeName(), element.attribute.chartOption.option.title[1].textStyle.fontSize);
            this.setValue(this.getCompanyLocationName(), element.attribute.chartOption.option.title[1].left);
        }
        if (this.showLabel(element.component)) {
            this.setCheck(this.getMarkMaxName(), element.attribute.chartOption.chartStyle.markPoint.data[0].label.show);
            this.setCheck(this.getMarkMinName(), element.attribute.chartOption.chartStyle.markPoint.data[1].label.show);
            this.setValue(this.getMarkSizeName(), element.attribute.chartOption.chartStyle.markPoint.data[0].label.fontSize);
        }
        if (this.showAxisrgrid(element.component)) {
            this.setCheck(this.getXAxisLabelName(), element.attribute.chartOption.option.xAxis.axisLabel.show);
            this.setCheck(this.getXAxisLineName(), element.attribute.chartOption.option.xAxis.axisLine.show);
            this.setValue(this.getXAxisSizeName(), element.attribute.chartOption.option.xAxis.axisLabel.fontSize);

            this.setCheck(this.getYAxisLabelName(), element.attribute.chartOption.option.yAxis.axisLabel.show);
            this.setCheck(this.getYAxisLineName(), element.attribute.chartOption.option.yAxis.axisLine.show);
            this.setValue(this.getYAxisSizeName(), element.attribute.chartOption.option.yAxis.axisLabel.fontSize);

            this.setCheck(this.getXAxisSplitName(), element.attribute.chartOption.option.yAxis.splitLine.show);
            this.setCheck(this.getYAxisSplitName(), element.attribute.chartOption.option.xAxis.splitLine.show);
        }
        if (this.showAxisrgridPolar(element.component)) {
            this.setCheck(this.getRadiusAxisLabelName(), element.attribute.chartOption.option.radiusAxis.axisLabel.show);
            this.setCheck(this.getRadiusAxisLineName(), element.attribute.chartOption.option.radiusAxis.axisLine.show);
            this.setValue(this.getRadiusAxisSizeName(), element.attribute.chartOption.option.radiusAxis.axisLabel.fontSize);

            this.setCheck(this.getAngleAxisLabelName(), element.attribute.chartOption.option.angleAxis.axisLabel.show);
            this.setCheck(this.getAngleAxisLineName(), element.attribute.chartOption.option.angleAxis.axisLine.show);
            this.setValue(this.getAngleAxisSizeName(), element.attribute.chartOption.option.angleAxis.axisLabel.fontSize);

            this.setCheck(this.getRadiusAxisSplitName(), element.attribute.chartOption.option.radiusAxis.splitLine.show);
            this.setCheck(this.getAngleAxisSplitName(), element.attribute.chartOption.option.angleAxis.splitLine.show);
        }
        if (this.showAxisrgridMain(element.component)) {
            if (element.attribute.chartOption.option.xAxis && element.attribute.chartOption.option.yAxis) {
                let val = '';
                if (element.attribute.chartOption.coordinateSystem == 'rightAngle-x') {
                    val = element.attribute.chartOption.option.xAxis.axisLabel.interval;
                } else if (element.attribute.chartOption.coordinateSystem == 'rightAngle-y') {
                    val = element.attribute.chartOption.option.yAxis.axisLabel.interval;
                }
                if (val !== 'auto') {
                    val = +val;
                }
                this.setValue(this.getAxisIntervalName(), val);
            }
            if (element.attribute.chartOption.option.xAxis && element.attribute.chartOption.option.yAxis) {
                let val = '';
                if (element.attribute.chartOption.coordinateSystem == 'rightAngle-x') {
                    val = element.attribute.chartOption.option.xAxis.axisLabel.rotate;
                } else if (element.attribute.chartOption.coordinateSystem == 'rightAngle-y') {
                    val = element.attribute.chartOption.option.yAxis.axisLabel.rotate;
                }
                this.setValue(this.getAxisRotateName(), val);
            }
        }
        if (this.showLegend(element.component)) {
            this.setCheck(this.getLegendShowName(), element.attribute.chartOption.option.legend.show);
            this.setValue(this.getLegendSizeName(), element.attribute.chartOption.option.legend.textStyle.fontSize);
        }
        if (this.showBaseseries(element.component)) {
            if (this.showBaseseriesBar(element.component)) {
                this.setValue(this.getStyleWidthName(), element.attribute.chartOption.chartStyle.width);
            }
            if (this.showBaseseriesLine(element.component)) {
                this.setValue(this.getStyleWidthName(), element.attribute.chartOption.chartStyle.width);
                this.setValue(this.getLineTypeName(), element.attribute.chartOption.chartStyle.type);
            }
        }
        if (this.showBasepie(element.component)) {
            if (element.component === 'Pie0101') {
                this.setValue(this.getPieWidthSolidName(), element.attribute.chartOption.chartStyle.radius);
            } else if (element.component === 'Pie0102') {
                this.setValue(this.getPieWidthInName(), element.attribute.chartOption.chartStyle.radiusIn[1]);
                this.setValue(this.getPieWidthOut1Name(), element.attribute.chartOption.chartStyle.radiusOut[0]);
                this.setValue(this.getPieWidthOut2Name(), element.attribute.chartOption.chartStyle.radiusOut[1]);
            } else {
                this.setValue(this.getPieWidthSolidInName(), element.attribute.chartOption.chartStyle.radius[0]);
                this.setValue(this.getPieWidthHollowOutName(), element.attribute.chartOption.chartStyle.radius[1]);
            }
        }
        if (this.showPanel(element.component)) {
            if (element.component === 'Panel0101' || element.component === 'Panel0103') {
                this.setCheck(this.getProgerssShowName(), element.attribute.chartOption.chartStyle.progress.show);
                this.setValue(this.getProgressWidthName(), element.attribute.chartOption.chartStyle.progress.width);
                this.setValue(this.getAnchorShowName(), element.attribute.chartOption.chartStyle.anchor.show);
            }
            if (element.component === 'Panel0101' || element.component === 'Panel0102') {
                this.setValue(this.getPointerLengthName(), element.attribute.chartOption.chartStyle.pointer.length);
                this.setValue(this.getPointerWidthName(), element.attribute.chartOption.chartStyle.pointer.width);
            }
            this.setValue(this.getAxisLineWidthName(), element.attribute.chartOption.chartStyle.axisLine.lineStyle.width);
            this.setCheck(this.getAxisTickShowName(), element.attribute.chartOption.chartStyle.axisTick.show);
            this.setValue(this.getSplitLineLengthName(), element.attribute.chartOption.chartStyle.splitLine.length);
            this.setValue(this.getSplitLineWidthName(), element.attribute.chartOption.chartStyle.splitLine.lineStyle.width);
            this.setValue(this.getAxisLabelDistanceName(), element.attribute.chartOption.chartStyle.axisLabel.distance);
            this.setValue(this.getAxisLabelSizeName(), element.attribute.chartOption.chartStyle.axisLabel.fontSize);
            this.setValue(this.getDetailSizeName(), element.attribute.chartOption.chartStyle.detail.fontSize);
        }
    },
    setValue: function(id, value) {
        let obj = JQuery('#' + id);
        obj.val(value);
    },
    setCheck: function(id, value) {
        let obj = JQuery('#' + id);
        obj.prop('checked', value);
    },
    getTitleName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_TITLE_0_TEXT';
    },
    getTitleFontWeightName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_TITLE_0_TEXTSTYLE_FONTWEIGHT';
    },
    getTitleFontStyleName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_TITLE_0_TEXTSTYLE_FONTSTYLE';
    },
    getTitleSizeName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_TITLE_0_TEXTSTYLE_FONTSIZE';
    },
    getTitleLocationName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_TITLE_0_LEFT';
    },
    getCompanyName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_TITLE_1_TEXT';
    },
    getCompanyFontWeightName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_TITLE_1_TEXTSTYLE_FONTWEIGHT';
    },
    getCompanyFontStyleName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_TITLE_1_TEXTSTYLE_FONTSTYLE';
    },
    getCompanySizeName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_TITLE_1_TEXTSTYLE_FONTSIZE';
    },
    getCompanyLocationName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_TITLE_1_LEFT';
    },

    getMarkMaxName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_MARKPOINT_DATA_0_LABEL_SHOW';
    },
    getMarkMinName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_MARKPOINT_DATA_1_LABEL_SHOW';
    },
    getMarkFontWeightName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_MARKPOINT_DATA_1_LABEL_FONTWEIGHT';
    },
    getMarkFontStyleName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_MARKPOINT_DATA_1_LABEL_FONTSTYLE';
    },
    getMarkSizeName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_MARKPOINT_DATA_1_LABEL_FONTSIZE';
    },

    getXAxisLabelName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_XAXIS_AXISLABEL_SHOW';
    },
    getXAxisLineName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_XAXIS_AXISLINE_SHOW';
    },
    getXAxisFontWeightName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_XAXIS_AXISLABEL_FONTWEIGHT';
    },
    getXAxisFontStyleName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_XAXIS_AXISLABEL_FONTSTYLE';
    },
    getXAxisSizeName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_XAXIS_AXISLABEL_FONTSIZE';
    },

    getRadiusAxisLabelName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_RADIUSAXIS_AXISLABEL_SHOW';
    },
    getRadiusAxisLineName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_RADIUSAXIS_AXISLINE_SHOW';
    },
    getRadiusAxisFontWeightName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_RADIUSAXIS_AXISLABEL_FONTWEIGHT';
    },
    getRadiusAxisFontStyleName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_RADIUSAXIS_AXISLABEL_FONTSTYLE';
    },
    getRadiusAxisSizeName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_RADIUSAXIS_AXISLABEL_FONTSIZE';
    },

    getYAxisLabelName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_YAXIS_AXISLABEL_SHOW';
    },
    getYAxisLineName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_YAXIS_AXISLINE_SHOW';
    },
    getYAxisFontWeightName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_YAXIS_AXISLABEL_FONTWEIGHT';
    },
    getYAxisFontStyleName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_YAXIS_AXISLABEL_FONTSTYLE';
    },
    getYAxisSizeName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_YAXIS_AXISLABEL_FONTSIZE';
    },

    getAngleAxisLabelName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_ANGLEAXIS_AXISLABEL_SHOW';
    },
    getAngleAxisLineName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_ANGLEAXIS_AXISLINE_SHOW';
    },
    getAngleAxisFontWeightName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_ANGLEAXIS_AXISLABEL_FONTWEIGHT';
    },
    getAngleAxisFontStyleName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_ANGLEAXIS_AXISLABEL_FONTSTYLE';
    },
    getAngleAxisSizeName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_ANGLEAXIS_AXISLABEL_FONTSIZE';
    },

    getXAxisSplitName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_YAXIS_SPLITLINE_SHOW';
    },
    getRadiusAxisSplitName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_RADIUSAXIS_SPLITLINE_SHOW';
    },
    getYAxisSplitName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_XAXIS_SPLITLINE_SHOW';
    },
    getAngleAxisSplitName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_ANGLEAXIS_SPLITLINE_SHOW';
    },
    getAxisIntervalName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_AXIS_AXISLABEL_INTERVAL';
    },
    getAxisRotateName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_AXIS_AXISLABEL_ROTATE';
    },

    getLegendShowName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_LEGEND_SHOW';
    },
    getLegendFontStyleName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_LEGEND_TEXTSTYLE_FONTSTYLE';
    },
    getLegendFontWeightName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_LEGEND_TEXTSTYLE_FONTWEIGHT';
    },
    getLegendSizeName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_LEGEND_TEXTSTYLE_FONTSIZE';
    },

    getStyleWidthName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_WIDTH';
    },
    getLineTypeName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_TYPE';
    },

    getPieWidthSolidName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_RADIUS';
    },
    getPieWidthInName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_RADIUSIN_1';
    },
    getPieWidthOut1Name: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_RADIUSOUT_0';
    },
    getPieWidthOut2Name: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_RADIUSOUT_1';
    },
    getPieWidthSolidInName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_RADIUS_0';
    },
    getPieWidthHollowOutName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_RADIUS_1';
    },

    getProgerssShowName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_PROGERSS_SHOW';
    },
    getProgressWidthName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_PROGERSS_WIDTH';
    },
    getAxisLineWidthName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_AXISLINE_LINESTYLE_WIDTH';
    },
    getAxisTickShowName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_AXISTICK_SHOW';
    },
    getSplitLineLengthName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_SPLITLINE_LENGTH';
    },
    getSplitLineWidthName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_SPLITLINE_LINESTYLE_WIDTH';
    },
    getAxisLabelDistanceName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_AXISLABEL_DISTANCE';
    },
    getAxisLabelSizeName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_AXISLABEL_FONTSIZE';
    },
    getAnchorShowName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_ANCHOR_SHOW';
    },
    getDetailSizeName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_DETAIL_FONTSIZE';
    },
    getPointerLengthName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_POINTER_LENGTH';
    },
    getPointerWidthName: function() {
        return window.getRootName() + 'ATTRIBUTE_CHARTOPTION_CHARTSTYLE_POINTER_WIDTH';
    },
    setTitleText: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.title[0].text = value;
        updateInput && this.setValue(this.getTitleName(), element.attribute.chartOption.option.title[0].text);
        this.setTitleCompanyLocation(element);
    },
    setCompanyText: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.title[1].text = value;
        updateInput && this.setValue(this.getCompanyName(), element.attribute.chartOption.option.title[1].text);
        this.setTitleCompanyLocation(element);
    },
    setTitleCompanyLocation: function(element) {
        let top0 = util.isNotBlank(element.attribute.chartOption.option.title[0].text) ? 20 : 0;
        let top1 = util.isNotBlank(element.attribute.chartOption.option.title[1].text) ? 17 : 0;
        let top2 = 0;
        if (element.attribute.chartOption.option.legend) {
            top2 = element.attribute.chartOption.option.legend.show ? 12 : 0;
            element.attribute.chartOption.option.legend.top = top0 + top1;
        }
        element.attribute.chartOption.option.title[1].top = top0;
        element.attribute.chartOption.option.grid.top = top0 + top1 + top2 + 20;
    },
    setTitleColor: function(element, value) {
        element.attribute.chartOption.option.title[0].textStyle.color = util.isNotBlank(value) ? util.rgbaToHexColor(value) : '#ffffffff';
    },
    setCompanyColor: function(element, value) {
        element.attribute.chartOption.option.title[1].textStyle.color = util.isNotBlank(value) ?util.rgbaToHexColor(value) : '#ffffffff';
    },
    setTitleFontWeight: function(element) {
        let val = element.attribute.chartOption.option.title[0].textStyle.fontWeight;
        if (val === 'normal') {
            element.attribute.chartOption.option.title[0].textStyle.fontWeight = 'bolder';
        } else {
            element.attribute.chartOption.option.title[0].textStyle.fontWeight = 'normal';
        }
    },
    setTitleFontStyle: function(element) {
        let val = element.attribute.chartOption.option.title[0].textStyle.fontStyle;
        if (val === 'normal') {
            element.attribute.chartOption.option.title[0].textStyle.fontStyle = 'oblique';
        } else {
            element.attribute.chartOption.option.title[0].textStyle.fontStyle = 'normal';
        }
    },
    setTitleSize: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.title[0].textStyle.fontSize = value;
        updateInput && this.setValue(this.getTitleSizeName(), element.attribute.chartOption.option.title[0].textStyle.fontSize);
    },
    setTitleLocation: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.title[0].left = value;
        updateInput && this.setValue(this.getTitleLocationName(), element.attribute.chartOption.option.title[0].left);
    },
    setCompanyFontWeight: function(element) {
        let val = element.attribute.chartOption.option.title[1].textStyle.fontWeight;
        if (val === 'normal') {
            element.attribute.chartOption.option.title[1].textStyle.fontWeight = 'bolder';
        } else {
            element.attribute.chartOption.option.title[1].textStyle.fontWeight = 'normal';
        }
    },
    setCompanyFontStyle: function(element) {
        let val = element.attribute.chartOption.option.title[1].textStyle.fontStyle;
        if (val === 'normal') {
            element.attribute.chartOption.option.title[1].textStyle.fontStyle = 'oblique';
        } else {
            element.attribute.chartOption.option.title[1].textStyle.fontStyle = 'normal';
        }
    },
    setCompanySize: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.title[1].textStyle.fontSize = value;
        updateInput && this.setValue(this.getCompanySizeName(), element.attribute.chartOption.option.title[1].textStyle.fontSize);
    },
    setCompanyLocation: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.title[1].left = value;
        updateInput && this.setValue(this.getCompanyLocationName(), element.attribute.chartOption.option.title[1].left);
    },
    setMarkMax: function(element, value, updateInput = true) {
        element.attribute.chartOption.chartStyle.markPoint.data[0].label.show = value;
        element.attribute.chartOption.option.series.forEach(item => {
            item.markPoint.data.forEach(i => {
                if (i.type == 'max') {
                    i.label.show = value;
                }
            })
        });
        updateInput && this.setCheck(this.getMarkMaxName(), element.attribute.chartOption.chartStyle.markPoint.data[0].label.show);
    },
    setMarkMin: function(element, value, updateInput = true) {
        element.attribute.chartOption.chartStyle.markPoint.data[1].label.show = value;
        element.attribute.chartOption.option.series.forEach(item => {
            item.markPoint.data.forEach(i => {
                if (i.type == 'min') {
                    i.label.show = value;
                }
            })
        });
        updateInput && this.setCheck(this.getMarkMinName(), element.attribute.chartOption.chartStyle.markPoint.data[1].label.show);
    },
    setMarkPointColor: function(element, value) {
        let color = '';
        color = util.isNotBlank(value) ? util.rgbaToHexColor(value) : '#ffffffff';
        element.attribute.chartOption.chartStyle.markPoint.data[0].label.color = color;
        element.attribute.chartOption.chartStyle.markPoint.data[1].label.color = color;
        element.attribute.chartOption.option.series.forEach(item => {
            item.markPoint.data.forEach(i => {
                i.label.color = color;
            })
        });
    },
    setMarkFontWeight: function(element) {
        let val = element.attribute.chartOption.option.series[0].markPoint.data[0].label.fontWeight;
        if (val === 'normal') {
            element.attribute.chartOption.option.series.forEach(item => {
                item.markPoint.data.forEach(i => {
                    i.label.fontWeight = 'bolder'
                })
            });
            element.attribute.chartOption.chartStyle.markPoint.data[0].label.fontWeight = 'bolder';
            element.attribute.chartOption.chartStyle.markPoint.data[1].label.fontWeight = 'bolder';
        } else {
            element.attribute.chartOption.option.series.forEach(item => {
                item.markPoint.data.forEach(i => {
                    i.label.fontWeight = 'normal'
                })
            });
            element.attribute.chartOption.chartStyle.markPoint.data[0].label.fontWeight = 'normal';
            element.attribute.chartOption.chartStyle.markPoint.data[1].label.fontWeight = 'normal';
        }
    },
    setMarkFontStyle: function(element) {
        let val = element.attribute.chartOption.option.series[0].markPoint.data[0].label.fontStyle;
        if (val === 'normal') {
            element.attribute.chartOption.option.series.forEach(item => {
                item.markPoint.data.forEach(i => {
                    i.label.fontStyle = 'oblique'
                })
            });
            element.attribute.chartOption.chartStyle.markPoint.data[0].label.fontStyle = 'oblique';
            element.attribute.chartOption.chartStyle.markPoint.data[1].label.fontStyle = 'oblique';
        } else {
            element.attribute.chartOption.option.series.forEach(item => {
                item.markPoint.data.forEach(i => {
                    i.label.fontStyle = 'normal'
                })
            });
            element.attribute.chartOption.chartStyle.markPoint.data[0].label.fontStyle = 'normal';
            element.attribute.chartOption.chartStyle.markPoint.data[1].label.fontStyle = 'normal';
        }
    },
    setMarkSize: function(element, value, updateInput = true) {
        element.attribute.chartOption.chartStyle.markPoint.data[0].label.fontSize = value;
        element.attribute.chartOption.chartStyle.markPoint.data[1].label.fontSize = value;
        element.attribute.chartOption.option.series.forEach(item => {
            item.markPoint.data.forEach(i => {
                i.label.fontSize = value;
            })
        });
        updateInput && this.setValue(this.getMarkSizeName(), value);
    },
    setXAxisLabel: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.xAxis.axisLabel.show = value;
        updateInput && this.setCheck(this.getXAxisLabelName(), value);
    },
    setXAxisLine: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.xAxis.axisLine.show = value;
        updateInput && this.setCheck(this.getXAxisLineName(), value);
    },
    setXAxiscolor: function(element, value) {
        element.attribute.chartOption.option.xAxis.axisLabel.color = util.isNotBlank(value) ? util.rgbaToHexColor(value) : '#ffffffff';
    },
    setXAxisFontWeight: function(element) {
        let val = element.attribute.chartOption.option.xAxis.axisLabel.fontWeight;
        if (val === 'normal') {
            element.attribute.chartOption.option.xAxis.axisLabel.fontWeight = 'bolder';
        } else {
            element.attribute.chartOption.option.xAxis.axisLabel.fontWeight = 'normal';
        }
    },
    setXAxisFontStyle: function(element) {
        let val = element.attribute.chartOption.option.xAxis.axisLabel.fontStyle;
        if (val === 'normal') {
            element.attribute.chartOption.option.xAxis.axisLabel.fontStyle = 'oblique';
        } else {
            element.attribute.chartOption.option.xAxis.axisLabel.fontStyle = 'normal';
        }
    },
    setXAxisSize: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.xAxis.axisLabel.fontSize = value;
        updateInput && this.setValue(this.getXAxisSizeName(), element.attribute.chartOption.option.xAxis.axisLabel.fontSize);
    },
    setRadiusAxisLabel: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.radiusAxis.axisLabel.show = value;
        updateInput && this.setCheck(this.getRadiusAxisLabelName(), value);
    },
    setRadiusAxisLine: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.radiusAxis.axisLine.show = value;
        updateInput && this.setCheck(this.getRadiusAxisLineName(), value);
    },
    setRadiusAxiscolor: function(element, value) {
        element.attribute.chartOption.option.radiusAxis.axisLabel.color = util.isNotBlank(value) ? util.rgbaToHexColor(value) : '#ffffffff';
    },
    setRadiusAxisFontWeight: function(element) {
        let val = element.attribute.chartOption.option.radiusAxis.axisLabel.fontWeight;
        if (val === 'normal') {
            element.attribute.chartOption.option.radiusAxis.axisLabel.fontWeight = 'bolder';
        } else {
            element.attribute.chartOption.option.radiusAxis.axisLabel.fontWeight = 'normal';
        }
    },
    setRadiusAxisFontStyle: function(element) {
        let val = element.attribute.chartOption.option.radiusAxis.axisLabel.fontStyle;
        if (val === 'normal') {
            element.attribute.chartOption.option.radiusAxis.axisLabel.fontStyle = 'oblique';
        } else {
            element.attribute.chartOption.option.radiusAxis.axisLabel.fontStyle = 'normal';
        }
    },
    setRadiusAxisSize: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.radiusAxis.axisLabel.fontSize = value;
        updateInput && this.setValue(this.getRadiusAxisSizeName(), element.attribute.chartOption.option.radiusAxis.axisLabel.fontSize);
    },
    setYAxisLabel: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.yAxis.axisLabel.show = value;
        updateInput && this.setCheck(this.getYAxisLabelName(), value);
    },
    setYAxisLine: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.yAxis.axisLine.show = value;
        updateInput && this.setCheck(this.getYAxisLineName(), value);
    },
    setYAxiscolor: function(element, value) {
        element.attribute.chartOption.option.yAxis.axisLabel.color = util.isNotBlank(value) ? util.rgbaToHexColor(value) : '#ffffffff';
    },
    setYAxisFontWeight: function(element) {
        let val = element.attribute.chartOption.option.yAxis.axisLabel.fontWeight;
        if (val === 'normal') {
            element.attribute.chartOption.option.yAxis.axisLabel.fontWeight = 'bolder';
        } else {
            element.attribute.chartOption.option.yAxis.axisLabel.fontWeight = 'normal';
        }
    },
    setYAxisFontStyle: function(element) {
        let val = element.attribute.chartOption.option.yAxis.axisLabel.fontStyle;
        if (val === 'normal') {
            element.attribute.chartOption.option.yAxis.axisLabel.fontStyle = 'oblique';
        } else {
            element.attribute.chartOption.option.yAxis.axisLabel.fontStyle = 'normal';
        }
    },
    setYAxisSize: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.yAxis.axisLabel.fontSize = value;
        updateInput && this.setValue(this.getYAxisSizeName(), element.attribute.chartOption.option.yAxis.axisLabel.fontSize);
    },
    setAngleAxisLabel: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.angleAxis.axisLabel.show = value;
        updateInput && this.setCheck(this.getYAxisLabelName(), value);
    },
    setAngleLineLabel: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.angleAxis.axisLine.show = value;
        updateInput && this.setCheck(this.getYAxisLineName(), value);
    },
    setAngleAxiscolor: function(element, value) {
        element.attribute.chartOption.option.angleAxis.axisLabel.color = util.isNotBlank(value) ? util.rgbaToHexColor(value) : '#ffffffff';
    },
    setAngleAxisFontWeight: function(element) {
        let val = element.attribute.chartOption.option.angleAxis.axisLabel.fontWeight;
        if (val === 'normal') {
            element.attribute.chartOption.option.angleAxis.axisLabel.fontWeight = 'bolder';
        } else {
            element.attribute.chartOption.option.angleAxis.axisLabel.fontWeight = 'normal';
        }
    },
    setAngleAxisFontStyle: function(element) {
        let val = element.attribute.chartOption.option.angleAxis.axisLabel.fontStyle;
        if (val === 'normal') {
            element.attribute.chartOption.option.angleAxis.axisLabel.fontStyle = 'oblique';
        } else {
            element.attribute.chartOption.option.angleAxis.axisLabel.fontStyle = 'normal';
        }
    },
    setAngleAxisSize: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.angleAxis.axisLabel.fontSize = value;
        updateInput && this.setValue(this.getAngleAxisSizeName(), element.attribute.chartOption.option.angleAxis.axisLabel.fontSize);
    },
    setXAxisSplit: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.yAxis.splitLine.show = value;
        updateInput && this.setCheck(this.getXAxisSplitName(), value);
    },
    setRadiusAxisSplit: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.radiusAxis.splitLine.show = value;
        updateInput && this.setCheck(this.getRadiusAxisSplitName(), value);
    },
    setYAxisSplit: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.xAxis.splitLine.show = value;
        updateInput && this.setCheck(this.getYAxisSplitName(), value);
    },
    setAngleAxisSplit: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.angleAxis.splitLine.show = value;
        updateInput && this.setCheck(this.getAngleAxisSplitName(), value);
    },
    setAxisInterval: function(element, value, updateInput = true) {
        let val = value;
        if (val !== 'auto') {
            val = +val;
        }
        if (element.attribute.chartOption.coordinateSystem == 'rightAngle-x') {
            element.attribute.chartOption.option.xAxis.axisLabel.interval = val;
        } else if (element.attribute.chartOption.coordinateSystem == 'rightAngle-y') {
            element.attribute.chartOption.option.yAxis.axisLabel.interval = val;
        }
        updateInput && this.setValue(this.getAxisIntervalName(), val);
    },
    setAxisRotate: function(element, value, updateInput = true) {
        let val = +value;
        if (!val) {
            val = 0;
        }
        if (element.attribute.chartOption.coordinateSystem == 'rightAngle-x') {
            element.attribute.chartOption.option.xAxis.axisLabel.rotate = val;
        } else if (element.attribute.chartOption.coordinateSystem == 'rightAngle-y') {
            element.attribute.chartOption.option.yAxis.axisLabel.rotate = val;
        }
        updateInput && this.setValue(this.getAxisRotateName(), val);
    },
    setLegendShow: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.legend.show = value;
        updateInput && this.setValue(this.getLegendShowName(), value);
    },
    setLegendColor: function(element, value) {
        element.attribute.chartOption.option.legend.textStyle.color = util.isNotBlank(value) ? util.rgbaToHexColor(value) : '#ffffffff';
    },
    setLegendFontWeight: function(element) {
        let val = element.attribute.chartOption.option.legend.textStyle.fontWeight;
        if (val === 'normal') {
            element.attribute.chartOption.option.legend.textStyle.fontWeight = 'bolder';
        } else {
            element.attribute.chartOption.option.legend.textStyle.fontWeight = 'normal';
        }
    },
    setLegendFontStyle: function(element) {
        let val = element.attribute.chartOption.option.legend.textStyle.fontStyle;
        if (val === 'normal') {
            element.attribute.chartOption.option.legend.textStyle.fontStyle = 'oblique';
        } else {
            element.attribute.chartOption.option.legend.textStyle.fontStyle = 'normal';
        }
    },
    setLegendSize: function(element, value, updateInput = true) {
        element.attribute.chartOption.option.legend.textStyle.fontSize = value;
        updateInput && this.setValue(this.getLegendSizeName(), value);
    },
    setBarWidth: function(element, value, updateInput = true) {
        if (value <= 0) {
            element.attribute.chartOption.chartStyle.width = 1;
        } else {
            element.attribute.chartOption.chartStyle.width = value;
        }
        updateInput && this.setValue(this.getStyleWidthName(), element.attribute.chartOption.chartStyle.width);
        element.attribute.chartOption.option.series.forEach(item => {
            item.barWidth = element.attribute.chartOption.chartStyle.width;
        });
    },
    setLineWidth: function(element, value, updateInput = true) {
        if (value <= 0) {
            element.attribute.chartOption.chartStyle.width = 1;
        } else {
            element.attribute.chartOption.chartStyle.width = value;
        }
        updateInput && this.setValue(this.getStyleWidthName(), element.attribute.chartOption.chartStyle.width);
        element.attribute.chartOption.option.series.forEach(item => {
            item.lineStyle.width = element.attribute.chartOption.chartStyle.width;
        });
    },
    setLineType: function(element, value, updateInput = true) {
        element.attribute.chartOption.chartStyle.type = value;
        updateInput && this.setValue(this.getLineTypeName(), element.attribute.chartOption.chartStyle.type);
        element.attribute.chartOption.option.series.forEach(item => {
            item.lineStyle.type = element.attribute.chartOption.chartStyle.type;
        });
    },
    setPieWidthSolid: function(element, value, updateInput = true) {
        element.attribute.chartOption.chartStyle.radius = value;
        updateInput && this.setValue(this.getPieWidthSolidName(), element.attribute.chartOption.chartStyle.radius);
        element.attribute.chartOption.option.series.forEach(item => {
            item.radius = element.attribute.chartOption.chartStyle.radius;
        });
    },
    setPieWidthIn: function(element, value, updateInput = true) {
        element.attribute.chartOption.chartStyle.radiusIn[1] = value;
        element.attribute.chartOption.option.series[0].radius = element.attribute.chartOption.chartStyle.radiusIn;
        updateInput && this.setValue(this.getPieWidthInName(), element.attribute.chartOption.chartStyle.radiusIn[1]);
    },
    setPieWidthOut1: function(element, value, updateInput = true) {
        element.attribute.chartOption.chartStyle.radiusOut[0] = value;
        element.attribute.chartOption.option.series[1].radius = element.attribute.chartOption.chartStyle.radiusOut;
        updateInput && this.setValue(this.getPieWidthOut1Name(), element.attribute.chartOption.chartStyle.radiusOut[0]);
    },
    setPieWidthOut2: function(element, value, updateInput = true) {
        element.attribute.chartOption.chartStyle.radiusOut[1] = value;
        element.attribute.chartOption.option.series[1].radius = element.attribute.chartOption.chartStyle.radiusOut;
        updateInput && this.setValue(this.getPieWidthOut2Name(), element.attribute.chartOption.chartStyle.radiusOut[1]);
    },
    setPieWidthSolidIn: function(element, value, updateInput = true) {
        element.attribute.chartOption.chartStyle.radius[0] = value;
        element.attribute.chartOption.option.series.forEach(item => {
            item.radius = element.attribute.chartOption.chartStyle.radius;
        });
        updateInput && this.setValue(this.getPieWidthSolidInName(), element.attribute.chartOption.chartStyle.radius[0]);
    },
    setPieWidthHollowOut: function(element, value, updateInput = true) {
        element.attribute.chartOption.chartStyle.radius[1] = value;
        element.attribute.chartOption.option.series.forEach(item => {
            item.radius = element.attribute.chartOption.chartStyle.radius;
        });
        updateInput && this.setValue(this.getPieWidthHollowOutName(), element.attribute.chartOption.chartStyle.radius[1]);
    },
    setProgerssShow: function(element, value, updateInput = true) {
        element.attribute.chartOption.chartStyle.progress.show = value;
        element.attribute.chartOption.option.series.forEach(item => {
            item.progress.show = value;
        });
        updateInput && this.setValue(this.getProgerssShowName(), value);
    },
    setProgressWidth: function(element, value, updateInput = true) {
        let val = value;
        element.attribute.chartOption.chartStyle.progress.width = val;
        element.attribute.chartOption.option.series.forEach(item => {
            item.progress.width = val;
        });
        updateInput && this.setValue(this.getProgressWidthName(), val);
    },
    setAxisLineWidth: function(element, value, updateInput = true) {
        let val = +value;
        if (!val) {
            val = 0;
        }
        element.attribute.chartOption.chartStyle.axisLine.lineStyle.width = val;
        element.attribute.chartOption.option.series.forEach(item => {
            item.axisLine.lineStyle.width = val;
        });
        updateInput && this.setValue(this.getAxisLineWidthName(), val);
    },
    setAxisTickShow: function(element, value, updateInput = true) {
        element.attribute.chartOption.chartStyle.axisTick.show = value;
        element.attribute.chartOption.option.series.forEach(item => {
            item.axisTick.show = value;
        });
        updateInput && this.setValue(this.getAxisTickShowName(), value);
    },
    setSplitLineLength: function(element, value, updateInput = true) {
        let val = value;
        element.attribute.chartOption.chartStyle.splitLine.length = val;
        element.attribute.chartOption.option.series.forEach(item => {
            item.splitLine.length = val;
        });
        updateInput && this.setValue(this.getSplitLineLengthName(), val);
    },
    setSplitLineWidth: function(element, value, updateInput = true) {
        let val = value;
        if (!val) {
            val = 0;
        }
        element.attribute.chartOption.chartStyle.splitLine.lineStyle.width = val;
        element.attribute.chartOption.option.series.forEach(item => {
            item.splitLine.lineStyle.width = val;
        });
        updateInput && this.setValue(this.getSplitLineWidthName(), val);
    },
    setAxisLabelDistance: function(element, value, updateInput = true) {
        let val = +value;
        if (!val) {
            val = 0;
        }
        element.attribute.chartOption.chartStyle.axisLabel.distance = val;
        element.attribute.chartOption.option.series.forEach(item => {
            item.axisLabel.distance = val;
        });
        updateInput && this.setValue(this.getAxisLabelDistanceName(), val);
    },
    setAxisLabelSize: function(element, value, updateInput = true) {
        let val = value;
        if (!val) {
            val = 0;
        }
        element.attribute.chartOption.chartStyle.axisLabel.fontSize = val;
        element.attribute.chartOption.option.series.forEach(item => {
            item.axisLabel.fontSize = val;
        });
        updateInput && this.setValue(this.getAxisLabelSizeName(), val);
    },
    setAnchorShow: function(element, value, updateInput = true) {
        element.attribute.chartOption.chartStyle.anchor.show = value;
        element.attribute.chartOption.option.series.forEach(item => {
            item.anchor.show = value;
        });
        updateInput && this.setValue(this.getAnchorShowName(), value);
    },
    setDetailSize: function(element, value, updateInput = true) {
        let val = value;
        element.attribute.chartOption.chartStyle.detail.fontSize = val;
        element.attribute.chartOption.option.series.forEach(item => {
            item.detail.fontSize = val;
        });
        updateInput && this.setValue(this.getDetailSizeName(), val);
    },
    setPointerLength: function(element, value, updateInput = true) {
        let val = value;
        element.attribute.chartOption.chartStyle.pointer.length = val;
        element.attribute.chartOption.option.series.forEach(item => {
            item.pointer.length = val;
        });
        updateInput && this.setValue(this.getPointerLengthName(), val);
    },
    setPointerWidth: function(element, value, updateInput = true) {
        let val = value;
        if (!val) {
            val = 0;
        }
        element.attribute.chartOption.chartStyle.pointer.width = val;
        element.attribute.chartOption.option.series.forEach(item => {
            item.pointer.width = val;
        });
        updateInput && this.setValue(this.getPointerWidthName(), val);
    },
    showTitleUnit: function(component) {
        let flag = false;
        switch (component) {
            case 'Bar01':
            case 'Bar02':
            case 'Bar03':
            case 'Bar04':
            case 'Bar05':
            case 'Bar06':
            case 'Line01':
            case 'Line02':
            case 'Line03':
            case 'Line04':
            case 'Line05':
            case 'Line06':
            case 'Bar06':
            case 'Mixed':
            case 'Bubble01':
            case 'Bubble02':
            case 'ScatterDiagram01':
            case 'ScatterDiagram02':
            case 'Heat01':
            case 'Heat02':
            case 'Relationship01':
            case 'Relationship02':
                flag = true;
                break;
            default:
                flag = false;
                break;
        }
        return flag;
    },
    showLabel: function(component) {
        let flag = false;
        switch (component) {
            case 'Bar01':
            case 'Bar03':
            case 'Bar04':
            case 'Line01':
            case 'Line02':
            case 'Line03':
            case 'Line04':
            case 'Line05':
            case 'Line06':
            case 'Mixed':
                flag = true;
                break;
            default:
                flag = false;
                break;
        }
        return flag;
    },
    showAxis: function(component) {
        let flag = false;
        switch (component) {
            case 'Bar01':
            case 'Bar02':
            case 'Bar03':
            case 'Bar04':
            case 'Bar05':
            case 'Bar06':
            case 'Line01':
            case 'Line02':
            case 'Line03':
            case 'Line04':
            case 'Line05':
            case 'Line06':
            case 'PolarBar':
            case 'Mixed':
            case 'Bubble01':
            case 'Bubble02':
            case 'ScatterDiagram01':
            case 'ScatterDiagram02':
                flag = true;
                break;
            default:
                flag = false;
                break;
        }
        return flag;
    },
    showAxisrgridPolar: function(component) {
        let flag = false;
        switch (component) {
            case 'PolarBar':
                flag = true;
                break;
            default:
                flag = false;
                break;
        }
        return flag;
    },
    showAxisrgridMain: function(component) {
        let flag = false;
        switch (component) {
            case 'Bar01':
            case 'Bar02':
            case 'Bar03':
            case 'Bar04':
            case 'Bar05':
            case 'Bar06':
            case 'Line01':
            case 'Line02':
            case 'Line03':
            case 'Line04':
            case 'Line05':
            case 'Line06':
            case 'Mixed':
                flag = true;
                break;
            default:
                flag = false;
                break;
        }
        return flag;
    },
    showAxisrgrid: function(component) {
        let flag = false;
        switch (component) {
            case 'Bar01':
            case 'Bar02':
            case 'Bar03':
            case 'Bar04':
            case 'Bar05':
            case 'Bar06':
            case 'Line01':
            case 'Line02':
            case 'Line03':
            case 'Line04':
            case 'Line05':
            case 'Line06':
            case 'Mixed':
            case 'Bubble01':
            case 'Bubble02':
            case 'ScatterDiagram01':
            case 'ScatterDiagram02':
                flag = true;
                break;
            default:
                flag = false;
                break;
        }
        return flag;
    },
    showLegend: function(component) {
        let flag = false;
        switch (component) {
            case 'Bar01':
            case 'Bar02':
            case 'Bar03':
            case 'Bar04':
            case 'Bar05':
            case 'Bar06':
            case 'Line01':
            case 'Line02':
            case 'Line03':
            case 'Line04':
            case 'Line05':
            case 'Line06':
            case 'Pie0101':
            case 'Pie0102':
            case 'Pie02':
            case 'Pie0301':
            case 'Pie0302':
            case 'Pie0401':
            case 'Pie0402':
            case 'PolarBar':
            case 'Mixed':
            case 'ScatterDiagram01':
            case 'ScatterDiagram02':
                flag = true;
                break;
            default:
                flag = false;
                break;
        }
        return flag;
    },
    showBaseseries: function(component) {
        let flag = false;
        switch (component) {
            case 'Bar01':
            case 'Bar02':
            case 'Bar03':
            case 'Bar04':
            case 'Bar05':
            case 'Bar06':
            case 'Line01':
            case 'Line02':
            case 'Line05':
            case 'Line06':
                flag = true;
                break;
            default:
                flag = false;
                break;
        }
        return flag;
    },
    showBaseseriesBar: function(component) {
        let flag = false;
        switch (component) {
            case 'Bar01':
            case 'Bar02':
            case 'Bar03':
            case 'Bar04':
            case 'Bar05':
            case 'Bar06':
                flag = true;
                break;
            default:
                flag = false;
                break;
        }
        return flag;
    },
    showBaseseriesLine: function(component) {
        let flag = false;
        switch (component) {
            case 'Line01':
            case 'Line02':
            case 'Line05':
            case 'Line06':
                flag = true;
                break;
            default:
                flag = false;
                break;
        }
        return flag;
    },
    showBasepie: function(component) {
        let flag = false;
        switch (component) {
            case 'Pie0101':
            case 'Pie0102':
            case 'Pie02':
            case 'Pie0301':
            case 'Pie0302':
            case 'Pie0401':
            case 'Pie0402':
                flag = true;
                break;
            default:
                flag = false;
                break;
        }
        return flag;
    },
    showPanel: function(component) {
        let flag = false;
        switch (component) {
            case 'Panel0101':
            case 'Panel0102':
            case 'Panel0103':
                flag = true;
                break;
            default:
                flag = false;
                break;
        }
        return flag;
    }
};
export default attribute;